﻿@model IEnumerable<iwintip.RssReader.FeedItem>
@{
    ViewBag.Title = "Home Page";
    ViewBag.Menu = "HOME";
}



<div id="showcase" class="showcase">
     @foreach (var item in Model)
     {
		<div class="showcase-slide">
			<div class="showcase-content">
            <img src="@item.Image" alt="@item.Title" class="slimage full noalign" width="650" height="305" />			</div>
    		<div class="showcase-caption">
            <h2 class="stitle"><a href="@item.Link">@item.Title</a></h2>
            <p>@item.Description</p>
            </div>
			<div class="showcase-thumbnail">
            <img src="@item.Image" alt="@item.Title" class="slimage full noalign" width="140" height="75" />			</div>
		</div>
     }
</div>

<div style="clear:both; margin-bottom: 20px;"></div>


     
    <div id="paging_container1" class="container">		
		<div class="content">
             @foreach (var item in Model)
             {
                <div class="post-1757 post type-post status-publish format-standard hentry category-tintuc @(item.Index % 2 == 0 ? "leftpost" : "rightpost")" id="post-1757">
                <a href="@item.Link" title="@item.Title"><img src="@item.Image" alt="@item.Title" class="post_thumbnail full aligncenter" width="299" height="149" /></a>                
	            <div style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden"><a href="@item.Link" rel="bookmark" title="@item.Title" target="_blank">@item.Title</a></div>

	            <div class="entry">@item.Description</div>

                <div class="meta">@item.Date</div>
                </div>
             }				 
		</div>
        
        <div class="page_navigation"></div>		


    </div>	
    

<link href="~/css/jquery.pajinate.css" rel="stylesheet" />
<script type="text/javascript" src="~/Scripts/jquery.pajinate.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.aw-showcase.min.js"></script>

<script type="text/javascript">

$(document).ready(function()
{
	$("#showcase").awShowcase(
	{
		content_width:			650,
		content_height:			305,
		fit_to_parent:			false,
		auto:					true,
		interval:				3000,
		continuous:				false,
		loading:				true,
		tooltip_width:			200,
		tooltip_icon_width:		32,
		tooltip_icon_height:	32,
		tooltip_offsetx:		18,
		tooltip_offsety:		0,
		arrows:					true,
		buttons:				false,
		btn_numbers:			false,
		keybord_keys:			true,
		mousetrace:				false, /* Trace x and y coordinates for the mouse */
		pauseonover:			true,
		stoponclick:			true,
		transition:				'hslide', /* hslide/vslide/fade */
		transition_delay:		300,
		transition_speed:		500,
		show_caption:			'onload', /* onload/onhover/show */
		thumbnails:				true,
		thumbnails_position:	'outside-last', /* outside-last/outside-first/inside-last/inside-first */
		thumbnails_direction:	'horizontal', /* vertical/horizontal */
		thumbnails_slidex:		0, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
		dynamic_height:			false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
		speed_change:			false, /* Set to true to prevent users from swithing more then one slide at once. */
		viewline:				false /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
	});

	$('#paging_container1').pajinate({
	    items_per_page: 6
	});
});
</script>
